Just Monika
https://gyazo.com/58cdc21a7d819e0c2b2727e85da571e4
https://gyazo.com/752cfbe396abc83ddfbce83fcd5cc0f4
余白+見えない部分を削ってみた
忘れてた透過bsahd.icon
code:style.css
/* #モニカ をつけると… */
atype="hashTag"href="/villagepump/%E3%83%A2%E3%83%8B%E3%82%AB"::after {
position: fixed;
right: 0;
bottom: 0;
display: block;
width: 170px;
height: 533px;
content: "";
/*background-image: url(https://i.gyazo.com/4015e611e6062d5c1b48f49f14465888.png);*/
background-image: url(https://i.gyazo.com/752cfbe396abc83ddfbce83fcd5cc0f4.png);
background-size: 170px 533px;
}
code:stylexx.css
/* #モニカ をつけると… */
@media only screen and (min-width: 480px) {
atype="hashTag"href="/villagepump/%E3%83%A2%E3%83%8B%E3%82%AB"::after {
--size: 960px;
position: fixed;
right: -480px;
bottom: -360px;
display: block;
width: var(--size);
height: var(--size);
content: "";
background-image: url("https://i.gyazo.com/58cdc21a7d819e0c2b2727e85da571e4.png");
background-size: var(--size) var(--size);
}
}
#モニカ
#たいへんよくできました
2024-02-23
変数を使うようにした
サイズを元画像のサイズの1/2にした
それに合わせて位置を調整した
lintとformatをした
モニカのクリック判定がでかすぎるbsahd.icon
Settings.icon
UserCSS.icon